<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:50:"D:\webroot\tongji/app/home\view\fos/challenge.html";i:1539065248;s:48:"D:\webroot\tongji/app/home\view\common/head.html";i:1539420927;s:50:"D:\webroot\tongji/app/home\view\common/footer.html";i:1542422876;}*/ ?>
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='__HOME__/css/aui.css' rel='stylesheet' />
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  
  .avatar img{border-radius:10px;width:80%;margin:auto;}
  .nickname{font-weight:bold;font-size:0.8rem;line-height:2rem;}
  
  .bill_list{font-size:0.7rem;line-height:2rem;}
  .bill_list .aui-row:nth-child(2n){background:#f5f5f5;}
  hr{border-bottom:1px solid #efefef;margin:15px 0}
  
  .code{background:#343c53;color:white;padding:10px;box-sizing:border-box;}
  .code .aui-btn{background:#666a75}
  
  .tools div div{padding:10px;box-sizing:border-box;box-shadow: 0px 2px 12px #dedede;
    margin: 6px;}
   .tools p{color:black;}
   .tools span a{color:#08329d}
   a{color:white;}
</style>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded '>
  <h1>Challenge</h1>

<div class='aui-content tools'>
	<div class='aui-col-xs-12'>
	   <div>
		   <h2 style='color:#fd687d'>Current rank：<span style='font-size:1.5rem;color:#f30f2f;font-weight:bold;'>F1</span></h2>
	   </div>
	</div>
	<div class='aui-col-xs-12'>
	   <div>
		  <p>If you want to succeed, you must have the desire to use it.Enhance your enthusiasm and use your willpower to smooth the mountains.I believe I will succeed.</p>
	      <p align=right>——Dale Carnegie</p>
	      <p align=right>《Weakness of human nature》</p>
	   </div>
	</div>
	
	<div class='aui-col-xs-12'>
	   <div align=center>
		   <h2>- 挑战项目 -</h2>
	   </div>
	</div>
	
	<div>
	   <div class='aui-row'>
		  <p class='aui-col-xs-2'><img src='__HOME__/images/crown.jpg' width='100%' /></p>
		  <p class='aui-col-xs-6'>60小时内升级为F2<span style='display:block'><a href='javascript:show_challenge()'>查看详情>></a></span></p>
		  <p class='aui-col-xs-2'>
		     <a href='javascript:show_challenge()'><p class="aui-btn aui-btn-info">接受挑战</p></a>
		  </p>
	   </div>
	</div>
	
	<div>
	   <div class='aui-row'>
		  <p class='aui-col-xs-2'><img src='__HOME__/images/crown.jpg' width='100%' /></p>
		  <p class='aui-col-xs-6'>140小时内升级为F3<span style='display:block'><a href='javascript:show_challenge()'>查看详情>></a></span></p>
		  <p class='aui-col-xs-2'>
		     <a href='javascript:show_challenge()'><p class="aui-btn aui-btn-info">接受挑战</p></a>
		  </p>
	   </div>
	</div>
	
	<div>
	   <div class='aui-row'>
		  <p class='aui-col-xs-2'><img src='__HOME__/images/crown.jpg' width='100%' /></p>
		  <p class='aui-col-xs-6'>240小时内升级为F4<span style='display:block'><a href='javascript:show_challenge()'>查看详情>></a></span></p>
		  <p class='aui-col-xs-2'>
		     <a href='javascript:show_challenge()'><p class="aui-btn aui-btn-info">接受挑战</p></a>
		  </p>
	   </div>
	</div>
</div>
<script type="text/javascript" src="__HOME__/script/api.js"></script>
<script type="text/javascript" src="__HOME__/script/aui-tab.js"></script>
<script type="text/javascript" src="__HOME__/script/aui-dialog.js" ></script>
<script type="text/javascript" src="__HOME__/script/aui-toast.js" ></script>
<script type="text/javascript" src="__HOME__/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/layer/layer.js"></script>

<script type="text/javascript">
    var dialog = new auiDialog({})
	function tips(){
	    dialog.alert({
			title:"提示",
			msg:"敬请期待!",
			buttons:['确定']
		});
	}
	
	function show_challenge(){
	    dialog.alert({
			msg:'<iframe src="<?php echo url('c_info'); ?>" frameborder=0 width="100%" height="350" style="overflow-y:auto;"></iframe>',
			buttons:['关闭','开始挑战']
		},function(ret){
			console.log(ret)
		})
	}
</script>
</body>
</html>